<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>收件箱</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<script>
    function SelectAll() {
        var checkboxs=document.getElementsByName("choose");
        for(var i=0;i<checkboxs.length;i++){
            var e=checkboxs[i];
            e.checked=!e.checked;
        }
    }
</script>
<header>
    <h1>跳蚤市场Logo</h1>
    <nav>
        导航：首页 注册 登录 <a href="user_center.html">用户XXX</a>
    </nav>
    <hr />
</header>
<aside>
    <section>
        <ul>
            <li><a href="edit_pwd.html">修改密码</a></li>
            <li><a href="edit_contact.html">修改联系方式</a></li>
            <li><a href="my_orders.html">我的订单</a></li>
            <li><a href="my_product.html">我的商品</a></li>
            <li><a href="purchase_history.html">消费记录</a></li>
            <li><a href="#">收件箱</a></li>
        </ul>
        <h2>收件箱</h2>
        <section>
        <table>
            <tr>
                <th>选中</th>
                <th>主题</th>
                <th>时间</th>
                <th>发件人</th>
                <th>状态</th>
                <th>详情</th>
            </tr>
            <tr>
                <td><input type="checkbox" name="choose"></td>
                <td><a href="message.html">关于购买iPad购买时间</a></td>
                <td>1小时前</td>
                <td>张三</td>
                <td>未读</td>
                <td><a href="">详情</a></td>
            </tr>
            <tr>
                <td colspan="6" align="right">
                    <a href="#">第一页</a>
                    <a href="#">上一页</a>
                    <a href="#">下一页</a>
                    <a href="#">末页</a>
                </td>
            </tr>
        </table>
        </section>
        <input type="button" value="全选" onclick="SelectAll()">
        <input type="button" value="设为已读">
        <input type="submit" value="删除">
    </section>
</aside>
<footer>
    <hr />
    <p>版权所有：&copy;大连电子学校</p>
</footer>
</body>
</html>